@charset "utf8";
main{
	width: 100%;
	height: 5200px;
	backg round: #aaffff;
}
main div#mi{
	width: 1105px;
	height: 65px;
	/*居中*/
	margin: 0 auto;
}
/* 吸顶灯 */

/*左边部分*/
main div#mi ul li{
	float: left;
	height: 43px;
} 

	/* 侧边栏列表 */
	.ul_sidebar {
	    list-style: none; 
}
.out a{
		display:block;
		line-height:36px;
		margin-bottom:40px;
}
.out .xuangou{ 
	    width:60px; 
		height:24px; 
		border:1px #ff6700 solid;
		text-align:center; 
		margin-bottom:50px;
}
.out .xuangou a{
	    color:#ff6700; 
	    line-height:24px; 
}
.ul_sidebar li span{
		position: absolute;
		left: 200px;
}
	
	/* 悬停状态 */
.ul_sidebar li:hover{
	    background-color: #e0e0e0;  /* 悬停背景色 */
}
	/* 轮播图 */
	figure{
		width: 893px;
		height: 461px;
		background: #000;
		position: absolute;
		left: 503px;
		top: 150px;
}
	/* 四张图片 */
	.subnav{ 
		height: 210px;
		width:1226px; 
		margin:0 auto; 
		margin-bottom:45px;
		position: absolute;
		top: 625px;
		left: 267px;
	}
	.subnav .current{
		background-color: rgb(33, 150, 243); 
		box-shadow: 0px 3px 20.79px 0.21px rgba(0, 0, 0, 0.35);
	}
	.left_nav{ 
		width:236px; 
		height:170px; 
		background-color:#5f5750; 
		float:left; 
		margin-right:22px;
	}
	.subnav .box1,.subnav .box2,.subnav .box3{ 
		width:316px; 
		height:170px; 
		float:left; 
		margin-right:-14px;
	}
	/* -------------------------------------------------------- */
	/* main部分的背景阴影 */
	.main_shadow{
		/* 页面固定宽度：占满页宽 */
		width: 100%;
		height: 3850px;
		background: #f3f3f3;
		bo rder: 1px solid red;
		position: absolute;
		top: 1430px;
	}
	/* 明星单品 */
div.xiaomi_star{
	font-size: 25px;
	color: #000;
	position: absolute;
	right: 1450px;
	top: -40px;
}
div.jiantou{
	width: 30px;
	height: 20px;
	border: 1px solid #eee;
	position: absolute;
	left: 1265px;
	bottom: 460px;
	text-align: center;
	font-size: 16px;
}
div.jiantou1{
	width: 30px;
	height: 20px;
	border: 1px solid #eee;
	position: absolute;
	left: 1235px;
	bottom: 460px;
	text-align: center;
	font-size: 16px;
}
div#fish{
	width: 1760px;
	height: 450px;
	position: absolute;
	top: 900px;
	left: 100px;
}
div.container_star{
	width: 250px;
	height: 390px;
	background: #fafafa;
	border-top: 1.2px solid #ffaa00;
	text-align: center;
	margin-top: 20px;
	float: left;
	margin-right: 62px;
}
div.container_star dl dt img{
	margin: 60px auto;
}
div.container_star dl dd.product_{
	color: #000;
	font-size: 16px;
}
div.container_star dl dd.product_content{
	line-height:43px;
	color: #a6a6a6;
	font-size: 14px;
}
div.container_star dl dd.product_price{
	color: #ff6709;
	font-size: 14px;
}
/* 2 */
div.container_star2{
	width: 250px;
	height: 390px;
	background: #fafafa;
	border-top: 1.2px solid #55ff00;
	text-align: center;
	margin-top: 20px;
	float: left;
	margin-right: 62px;
}
div.container_star2 dl dt img{
	margin: 60px auto;
}
div.container_star2 dl dd.product_{
	color: #000;
	font-size: 16px;
}
div.container_star2 dl dd.product_content{
	line-height:43px;
	color: #a6a6a6;
	font-size: 14px;
}
div.container_star2 dl dd.product_price{
	color: #ff6709;
	font-size: 14px;
}
/* 3 */
div.container_star3{
	width: 250px;
	height: 390px;
	background: #fafafa;
	border-top: 1.2px solid #55ff00;
	text-align: center;
	margin-top: 20px;
	float: left;
	margin-right: 62px;
}
div.container_star3 dl dt img{
	margin: 60px auto;
}
div.container_star3 dl dd.product_{
	margin-top: 5px;
	color: #000;
	font-size: 16px;
}
div.container_star3 dl dd.product_content{
	line-height:43px;
	color: #a6a6a6;
	font-size: 14px;
	
}
div.container_star3 dl dd.product_price{
	color: #ff6709;
	font-size: 14px;
}
/* 4 */
div.container_star4{
	width: 250px;
	height: 390px;
	background: #fafafa;
	border-top: 1.2px solid #55ff00;
	text-align: center;
	margin-top: 20px;
	float: left;
	margin-right: 62px;
}
div.container_star4 dl dt img{
	margin: 60px auto;
}
div.container_star4 dl dd.product_{
	margin-top: -20px;
	color: #000;
	font-size: 16px;
}
div.container_star4 dl dd.product_content{
	line-height:43px;
	color: #a6a6a6;
	font-size: 14px;
}
div.container_star4 dl dd.product_price{
	color: #ff6709;
	font-size: 14px;
}
/* 5 */
div.container_star5{
	width: 250px;
	height: 390px;
	background: #fafafa;
	border-top: 1.2px solid #55ff00;
	text-align: center;
	margin-top: 20px;
	float: left;
	margin-right: 62px;
}
div.container_star5 dl dt img{
	margin: 60px auto;
}
div.container_star5 dl dd.product_{
	color: #000;
	font-size: 16px;
}
div.container_star5 dl dd.product_content{
	line-height:43px;
	color: #a6a6a6;
	font-size: 14px;
}
div.container_star5 dl dd.product_price{
	color: #ff6709;
	font-size: 14px;
}
	/* -------------------------------------------------------- */
	/* 智能硬件区域 */

	.hardware-box,.hardware{ 
		margin-left:auto; 
		margin-right:auto;
		width:1226px; 
		position: absolute; 
		left: 265px;
		top: 1550px;
}
	.hardware{ 
		float:left; 
		margin-bottom:19px;
		font-size:30px;
		color:#333; 
		margin-top:76px;
		position: absolute;
		left: 0px;
		top: -150px;
}
	.hardware a{ 
		float:right; 
		font-size:18px; 
		margin-right:10px; 
		color:#333;
}
	.hardware-right{ 
		width:978px;
		height:614px;  
		float:left;
}
	.hardware-right .hardwareTopbox{
		width:978px; 
		height:300px; 
		margin-bottom:14px;
}
	.hardware-right .hardwareBottomBOX{ 
		width:978px; 
		height:300px; 
}	
	.hardwareTopbox .content,.hardwareBottomBOX .content{ 
		width:234px; 
		height:300px; 
		margin-right:14px; 
		background-color:#fff; 
		float:left; 
		text-align:center;
}
/* 产品区域移入移出添加阴影 */
.hardwareBottomBOX div:hover{
	filter:drop-shadow(0 0 7px #9b9b9b);
}
.hardwareTopbox div:hover{
	filter:drop-shadow(0 0 7px #9b9b9b);
}

.TopBox div:hover{
	filter:drop-shadow(0 0 7px #9b9b9b);
}
.BottomBox div:hover{
	filter:drop-shadow(0 0 7px #9b9b9b);
}

.TopBox div:hover{
	filter:drop-shadow(0 0 7px #9b9b9b);
}
.BottomBox div:hover{
	filter:drop-shadow(0 0 7px #9b9b9b);
}

.classify-box div:hover{
	filter:drop-shadow(0 0 7px #9b9b9b);
}
.video-box div:hover{
	filter:drop-shadow(0 0 7px #9b9b9b);
}
	.content p{ 
		margin-top:200px; 
		font-family:Arial,"宋体"，sanself; 
		font-size:12px; color:#333;
}
	.content .ziti{ 
		font-size:14px; 
		font-family:Arial,"微软雅黑"，sanself;
}
/* 搭配和配件与周边 */
.dapei-box,.dapei{
	margin-left:auto; 
	margin-right:auto; 
	width:1226px;
}
.dapei{
	float:left; 
	margin-bottom:19px;
	font-size:24px;color:#333;
	margin-top:40px;
}
.dapei a{
	float:right; 
	font-size:18px; 
	color:#333;
}
.dapeiLeftBox{ 
	width:234px; 
	height:614px;
	float:left; 
	margin-right:14px;
}
.dapeiRightBox{ 
	width:978px; 
	height:614px;
	 float:left;
}
.dapeiLeftBox .content{
	width:234px; 
	height:300px; 
	background-color:#fff; 
	margin-bottom:14px; 
	text-align:center;
}
.dapeiRightBox .TopBox{
	width:978px; 
	height:300px; 
	margin-bottom:14px; 
	float:left;
}
.dapeiRightBox .BottomBox{ 
	width:978px; 
	height:300px; 
	float:left;
	}
.dapeiRightBox .content{
	width:234px; 
	height:300px;
	text-align:center; 
	margin-right:14px; 
	float:left; 
	position:relative;
}
.dapeiRightBox .content .jg{ 
	position:absolute; 
	bottom:0;
}
.dapei ul{ 
	float:right;
}
.dapei li{ 
	float:left; 
	margin-right:30px; 
	padding-bottom:2px; 
	font-size:18px;
}
.dapei li:hover{
	color: #ff7d00;
}
.dapei-box .current{ 
	color:#ff6700; 
	border-bottom:2px solid #ff6700; 
	cursor:pointer; 
}
.dapei .content-top{ 
	width:234px; 
	height:143px;
}
.content p{ 
	margin-top:200px; 
	font-family:Arial,"宋体"，sanself; 
	font-size:12px; color:#333;
}
.content .ziti{ 
	font-size:14px; 
	font-family:Arial,"微软雅黑"，sanself;
}
/* ------------------------------------------------------------------------------------ */
/* 内容与视频版块 */
/*分类*/
.classify-box,.classify{
	margin-left:auto; 
	margin-right:auto; 
	width:1226px;
}
.classify{
	float:left; 
	margin-bottom:19px;
	font-size:24px;color:#333; 
	margin-top:40px;
}
.classify-box .content{ 
	width:296px; 
	height:374px; 
	background-color:#fff; 
	float:left; 
	margin-right:14px; 
	padding-top:50px; 
	text-align:center;
}

/*视频*/
.content h1{ 
	font-size:14px; 
	font-weight:normal; 
	color:#333; 
	margin-top:30px; 
	margin-bottom:12px;
}
.content h2{ 
	font-size:12px; 
	font-weight:normal; 
	font-family:Arial,"宋体"; 
	color:#b0b0b0;
}
.content .play{ 
	position:absolute;
	left:20px; 
	top:146px;
}
	